<template>
  <div class="cartLogin">
    <span>登录后可同步账户购物车中的商品</span>
    <van-button round type="info" size="small" class="button" hairline @click="onLogin">登录</van-button>
  </div>
</template>
<script>
export default {
  methods:{
    onLogin(){
      this.$router.push('/login')
    }
  }
}
</script>
<style lang="less" scoped>
.cartLogin{
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    background: white;
}
.button {
  background-image: linear-gradient(270deg, #f2270c, #ff4b2b);
  margin-left: 10px;
  color: white;
  font-size: 14px;
}
</style>